<style lang="stylus" scoped>
bgBlue = linear-gradient(to right, #04befe, #4481eb);
nav
    width 100%
    height 50px
    background bgBlue
    img
      display inline-block
      float left
      width 25px
      height 25px
      margin 12px 10px
    p
      display inline-block
      width 80%
      float left
      font-size 18px
      color #ffffff
      text-align center
      line-height 50px
img
    max-width 100%
button
    width 92%
    margin 2rem 4% 5rem 4%
</style>
<template>
    <div>
        <nav>
        <router-link to="/speedcard">
        <img src="./imgs/icon-left.png" alt="">
        <p>奖励领取方式</p>
        </router-link>
        </nav>
        <img :src="imgUrl" alt="">
        <router-link to="/inputinfo">
        <Button type="primary">立即办卡</Button>
      </router-link>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'reward',
    data () {
      return {
        imgUrl:''
      }
    },
    created () {
      axios.post('/web/api/manager/imgsUrlList').then(this.getListInfoSucc)
    },
    methods: {
      getListInfoSucc (res) {
        console.log("图片链接列表",res)
        this.imgUrl = res.data.date[1].url
      },
    }
}
</script>
